<!Doctype html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
    <style>
    body{
        width:50px;
        height:30px;
        font-size: 20px;
        line-height:1.5;
        margin:30px;
    }
    </style>
</head>
<body name="aaa" aaa="bbb" id="mydi" class="box">

</body>
<script>
// number string  boolean  undefind  object  function
// object 对象
// 3种表现形式： null   []    {}
// 今天要学习的是 {} - json对象
// 定义：{ 键:值, 键:值} - 键值对

// var o = {
//     name:"张三",
//     age:12,
//     sex:"女",
//     boyFriend:false
// }

// var name='张三'
// var age = 12;
// var sex = '女'

// var name1 = '李四'
// var age1 = 13
// var sex1 = '男'

// console.log();

// var o1 = {
//     name:"张三",
//     age:12,
//     sex:"女"
// }

// var o2 = {
//     name:"李四",
//     age:13,
//     sex:"男"
// }

// 键和值之间使用冒号隔开，键值对之间使用逗号隔开，键值对之间是没有顺序的
// 键都是字符串,引号可以省略，键中不能包含连字符，如果有连字符，就必须加引号
// var obj = {
//     "name":"张三",
//     "age":12,
//     'sex':'男',
//     height:180,
//     'background-color':"red"
// }
// console.log(obj);


// 对象中的值，没有限制，可以是任意类型
var obj = {
    name:"张三",
    age:12,
    isMan:true,
    wife:{
        name:"翠花",
        age:13,
        isMan:false
    },
    eat:function(){
        console.log("能吃");
    }
}


</script>
</html>